<template><div><h2 id="laravel-mix" tabindex="-1"><a class="header-anchor" href="#laravel-mix"><span>Laravel Mix</span></a></h2>
<ul>
<li><a href="#introduction">介绍</a></li>
</ul>
<h2 id="介绍" tabindex="-1"><a class="header-anchor" href="#介绍"><span>介绍</span></a></h2>
<p><a href="https://github.com/laravel-mix/laravel-mix" target="_blank" rel="noopener noreferrer">Laravel Mix</a> 是一个由 <a href="https://laracasts.com/" target="_blank" rel="noopener noreferrer">Laracasts</a> 的创始人 Jeffrey Way 开发的包，它提供了一个流畅的API，用于定义 <a href="https://webpack.js.org/" target="_blank" rel="noopener noreferrer">Webpack</a> 构建步骤，以在 Laravel 应用程序中使用多种常见的 CSS 和 JavaScript 预处理器。</p>
<p>换句话说，Mix 让编译和压缩应用程序的 CSS 和 JavaScript 文件变得轻而易举。您可以通过简单的方法链接，流畅地定义资源文件管道。例如：</p>
<div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre v-pre class="language-javascript"><code><span class="line">mix<span class="token punctuation">.</span><span class="token function">js</span><span class="token punctuation">(</span><span class="token string">'resources/js/app.js'</span><span class="token punctuation">,</span> <span class="token string">'public/js'</span><span class="token punctuation">)</span></span>
<span class="line">    <span class="token punctuation">.</span><span class="token function">postCss</span><span class="token punctuation">(</span><span class="token string">'resources/css/app.css'</span><span class="token punctuation">,</span> <span class="token string">'public/css'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div></div></div><p>如果您曾经因为开始使用 Webpack 和资源编译而感到困惑和不知所措，那么您会喜欢上 Laravel Mix 。然而，在开发应用程序时，并不需要强制使用它；您可以自由选择任何资源文件管道工具，甚至不使用任何工具。</p>
<blockquote>
<p><strong>注意</strong><br>
在新安装 Laravel 中，Vite 已经取代了 Laravel Mix 。如果您需要 Mix 的文档，请访问 <a href="https://laravel-mix.com/" target="_blank" rel="noopener noreferrer">Laravel Mix 官方</a> 网站。如果您想切换到 Vite，请阅读我们的 <a href="https://github.com/laravel/vite-plugin/blob/main/UPGRADE.md#migrating-from-laravel-mix-to-vite" target="_blank" rel="noopener noreferrer">Vite 迁移指南</a>。</p>
</blockquote>
<blockquote>
<p>本译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接<br>
我们的翻译工作遵照 <a href="https://learnku.com/docs/guide/cc4.0/6589" target="_blank" rel="noopener noreferrer">CC 协议</a>，如果我们的工作有侵犯到您的权益，请及时联系我们。</p>
</blockquote>
<hr>
<blockquote>
<p>原文地址：<a href="https://learnku.com/docs/laravel/10.x/mix/14908" target="_blank" rel="noopener noreferrer">https://learnku.com/docs/laravel/10.x/mi...</a></p>
<p>译文地址：<a href="https://learnku.com/docs/laravel/10.x/mix/14908" target="_blank" rel="noopener noreferrer">https://learnku.com/docs/laravel/10.x/mi...</a></p>
</blockquote>
</div></template>


